<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/jquery-3.3.1.min.js"></script>
    <script>
        window.onload=function(){
            console.log(0)
        }

        // $(document).ready(function(){

        // })
        // 简写
        // $(function(){

        // })
        

        // js=>jquery=jq（jquery简写）
        //jq=$(js)工厂函数
        //jq=$(div)
        //jq=$("<li>列表</li>")jquery对象

        //jq=>js
        // [0]一般获取得是0
        //js=jq[0]
        //js=$(div)[0]把里面包得元素取出来

        $(function(){
            // var $div=$(".div")//js包装成jq对象 var $div=$(".div")基本选择器 ：first可以单独使用
        // $("li:eq(2)").css("color","red");//不能加空格过滤的是li本身
        // $("li:gt(2)").css("color","blue"); //gt(2)索引大于2的
        // $("li:lt(2)").css("color","red");//lt（2）索引小于2的

        // $("li:parent").css("color","red"); 
        // $("li:has(.span)").css("color","red");选择器
        //$("li:contains(999)").css("color","red");//检查的是文本
        //
        })
    </script>
</head>
<body>
    <!-- <div class="div"></div> -->
    <ul>
        <li>liebiao1</li>
        <li>liebiao2</li>
        <li>liebiao3</li>
        <li>liebiao4<span class="span">999</span></li>
        <li>liebiao5</li>
        <li>

        </li>
    </ul>
</body>
</html>